<div class="document-template">
  <nz-spin [nzSize]="'large'" [nzSpinning]="isSpinning">
    <div class="box">
      <div class="top">
        <h3>模板文件</h3>
        <nz-upload [nzAction]="url" [nzHeaders]="uploadService.headers" (nzChange)="handleChangefile($event)"
          class="upfile" class="historyno nomargin">
          <button nz-button nzType="primary">添加模板</button>
        </nz-upload>
      </div>
      <div class="content">


        <div class="item" *ngFor="let item of filelist">
          <span>{{item.name}}</span>
          <div class="icon">
            <button nzTooltipTitle="下载" nzTooltipPlacement="top" nz-button nz-tooltip nzShape="circle">
              <i nz-icon nzType="download" nzTheme="outline"></i>
            </button>
            <nz-upload [nzAction]="changeUploadAction+'/'+item.name
            " [nzHeaders]="uploadService.headers" class="upfile" class="historyno"
              (nzChange)="handleChangefile($event,item.name)">
              <button nzTooltipTitle="替换" nzTooltipPlacement="top" nz-button nz-tooltip nzShape="circle">
                <i nz-icon nzType="sync" nzTheme="outline"></i>
              </button>
            </nz-upload>

            <button nzTooltipTitle="删除" nzTooltipPlacement="top" nz-button nz-tooltip nzShape="circle"
              (click)="del(item)">
              <i nz-icon nzType="delete" nzTheme="outline"></i>
            </button>
          </div>
        </div>
        <nz-empty nzNotFoundContent='暂无上传文件' *ngIf="!filelist"></nz-empty>
      </div>
    </div>
  </nz-spin>

</div>